<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<body>
<head th:fragment="head">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="牧中智慧畜牧大数据云平台"/>
    <meta name="author" content="牧中(上海)物联网科技有限公司"/>
    <link rel="shortcut icon" href="/webjars/images/favicon.png"/>

    <title>牧中智慧畜牧大数据云平台V1.0</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <!--<link href="/webjars/js/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />-->

    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/webjars/fonts/font-awesome-4/css/font-awesome.min.css"/>


    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="/webjars/js/jquery.gritter/css/jquery.gritter.css" />

    <link rel="stylesheet" type="text/css" href="/webjars/js/jquery.nanoscroller/nanoscroller.css" />
    <link rel="stylesheet" type="text/css" href="/webjars/js/jquery.easypiechart/jquery.easy-pie-chart.css" />
    <link rel="stylesheet" type="text/css" href="/webjars/js/bootstrap.switch/bootstrap-switch.css" />
    <link rel="stylesheet" type="text/css" href="/webjars/js/bootstrap.datetimepicker/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" type="text/css" href="//cdn.bootcss.com/select2/3.4.5/select2.min.css" />
    <link rel="stylesheet" type="text/css" href="/webjars/js/bootstrap.slider/css/slider.css" />
    <link rel="stylesheet" type="text/css" href="/webjars/js/intro.js/introjs.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/webjars/js/jquery.vectormaps/jquery-jvectormap-1.2.2.css"  />
    <link rel="stylesheet" type="text/css" href="/webjars/js/jquery.magnific-popup/dist/magnific-popup.css" />
    <link rel="stylesheet" type="text/css" href="/webjars/js/jquery.niftymodals/css/component.css" />
    <link rel="stylesheet" type="text/css" href="/webjars/js/bootstrap.summernote/dist/summernote.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/webjars/jqgrid/css/ui.jqgrid-bootstrap.css" />
    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="/webjars/js/layui/css/layui.css" media="all">
    <link href="/webjars/css/style.css" rel="stylesheet" />
    <style>
        .header-text{
            float: left;
            margin: 15px;
            padding: 5px 15px 5px 15px;
            border-radius: 5px;
        }
        .header-text a{
            color:#fff;
            font-size: 15px;
        }
        .header-title{
            float: left;
            font-size: 25px;
            padding: 13px;
        }
        .header-title a{
            color:#fff;
        }
        .header-img{
            margin-top: 5px;
            float: left;
        }
        .header-text-img{
            float: right;
            margin: 15px 0px;
            padding: 5px 15px 5px 15px;
            border-radius: 5px;
        }
        .header-text-img a{
            color:#fff;
            font-size: 13px;
        }
        .navbar-default .navbar-nav > li > a {
            color: #333;
        }
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
            background-color: #eee;
            color: #36a3ff;
        }
        .navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
            color: #36a3ff;
        }
        .navbar-default .navbar-nav > li > a:focus {
            color: #36a3ff;
        }
        #cl-wrapper {
            padding-top: 110px;
        }
        .active-header{
            background:#3A70BB !important;
        }
    </style>

</head>
</body>
</html>